
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core" >

    <h:head>

        <title>Cadastrar Senha</title>
    </h:head>

    <h:body>
        <p:ajaxStatus style="width:16px;height:16px;" id="ajaxStatusPanel"> 
            <f:facet name="start">  
                <p:graphicImage value="/images/ajaxloadingbar.gif" />  
            </f:facet>  

            <f:facet name="complete">  
                <h:outputText value="" />  
            </f:facet>  
        </p:ajaxStatus>      

        <h:form id="form">  

            <h:panelGrid columns="2" cellpadding="10">  
                <h:outputText value="Default Switcher:" />   
                <p:themeSwitcher style="width:165px" id="defaultSwitcher">  
                    <f:selectItem itemLabel="Choose Theme" itemValue="" />  
                    <f:selectItems value="#{themeSwitcherBean.themes}" />  
                </p:themeSwitcher>  

                <h:outputText value="Stateful Switcher:" />   
                <p:themeSwitcher value="#{guestPreferences.theme}" style="width:165px" effect="fade" id="statefulSwitcher">  
                    <f:selectItem itemLabel="Choose Theme" itemValue="" />  
                    <f:selectItems value="#{themeSwitcherBean.themes}" />  
                    <p:ajax listener="#{themeSwitcherBean.saveTheme}" />  
                </p:themeSwitcher>  

                <h:outputText value="Theme Preview:" />   
                <p:themeSwitcher style="width:165px" effect="fade" var="t" id="themePreview">  
                    <f:selectItem itemLabel="Choose Theme" itemValue="" />  
                    <f:selectItems value="#{themeSwitcherBean.advancedThemes}" var="theme" itemLabel="#{theme.name}" itemValue="#{theme}"/>  

                    <p:column>  
                        <p:graphicImage value="/images/themes/#{theme.image}"/>  
                    </p:column>  

                    <p:column>  
                        #{theme.name}  
                    </p:column>  
                </p:themeSwitcher>  
            </h:panelGrid>  

            <p:separator />  

            <br />  

            <p:commandButton value="Button" />  

        </h:form>  
    </h:body>
</html>

